body
  background  rgb(20,33,42)


/*用户登录*/
.top
  width  100%
  height  100px
  background  #fff
  .logo
    width  1130px
    height  100px


.form
  width  1130px
  height  588px
  background  url('../image/login/login_bg.jpg')no-repeat center center

.login
  width  400px
  height  470px
  margin  30px auto
  background  #444
  color  #fff
  margin-right  0px
  border-radius  4px
  font  12px "宋体",Times New Roman

  .login_center
    width  360px
    margin  10px auto
    padding 30px 0

    &.hide
      display: none

    .login_top
      margin  10px 0

      .left
        height  40px
        line-height  40px
        font-weight  bold
        font-size  20px


      .right
        height  40px
        line-height  40px
        font-size  13px

        a
          color  red
          font-weight  bold

          &:hover
            color  orange





    .login_main
      padding  5px 0
      input
        &:focus
          border  2px solid orange


    .username
        font  16px Times New Roman
        height  40px
        line-height  40px
        margin  35px 0

        .shurukuang
          width  220px
          height  30px
          border  1px solid #ccc
          padding  5px 10px

          &:focus
            border  1px solid blue
            background  #f0ffff



        .yanzhengma
          width  100px
          height  30px
          border  1px solid #ccc
          padding  5px 10px

          &:focus
            border  1px solid blue
            background  #f0ffff



        .send
          width:100px
          height:42px
          margin-left:12px

      .right
          margin-left  20px




    .login_submit
      .submit
        border  none
        width  240px
        height  45px
        margin-left  55px
        background  #ff6700
        color  #fff
        font-size  20px
        font-weight  bold
        letter-spacing  2px
        cursor  pointer
        border-radius  4px

        &:hover
          border  1px solid #fff

    .login_other
      width 100%
      margin-top 10px
      display flex
      flex-wrap wrap
      justify-content space-around
      .title
        position relative
        width 100%
        height 18px
        border-bottom 1px solid #fff
        font-size 14px
        span
          position absolute
          top 9px
          left: 138px
          background-color: #444;

      a
        display inline-block
        line-height 30px
        color: #fff
        margin-top 10px
        font-size 18px
        &:hover
          color:red
        i
          display block
          float left
          width 33px
          height 30px
          margin-right 10px
          background-image: url('../image/login/QQ-weixin.png');
          background-size:auto 100%
          &.qq
            background-position 0 0
          &.wx
            background-position -33px 0

.xian
  height  2px
  background  #ff6700
  margin  8px 0

/*设置按钮样式*/
footer
  width  100%
  height  80px
  background  #fff
  padding  30px 0
  .copyright
    height  30px
    line-height  30px
    font-size  13px
    word-spacing  15px
    text-align  center
    & first-of-type
      margin-top  10px





